<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" th:href="@{/webjars/bootstrap/3.3.7/css/bootstrap.css}">
    <script th:src="@{/webjars/jquery/1.11.1/jquery.js}"></script>
    <script th:src="@{/webjars/bootstrap/3.3.7/js/bootstrap.js}"></script>
</head>
<body>
<div class="container">
    <h1>站点列表</h1>
    <table class="table table-striped table-hover">
        <thead>
        <tr>
            <th>序号</th>
            <th>名称</th>
            <th>地址</th>
            <th>排名</th>
            <th>所属国家</th>
        </tr>
        </thead>
        <tbody>
        <!--        使用themeleaf完成数据渲染-->
        <tr th:each="website:${websiteList}" th:object="${website}">
            <td th:text="*{id}"></td>
            <td th:text="*{name}"></td>
            <td th:text="*{url}"></td>
            <td th:text="*{alexa}"></td>
            <td th:text="*{country}"></td>
        </tr>
        </tbody>
    </table>
</div>
</body>
</html>